* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
.txh {
  display: flex;
}
.box {
  width: 100%;
  height: 34px;
  background-color: #e4366b;
}
.box ul {
  display: flex;
  justify-content: space-between;
}
.box ul li {
  line-height: 34px;
}
.box ul li p {
  text-align: center;
  color: #fff;
}
.box ul li p span {
  margin-left: 10px;
}
.box ul li:nth-child(1) {
  margin-left: 7px;
}
.box ul li:nth-child(3) {
  margin-right: 7px;
}
.box .Settlement {
  width: 46px;
  height: 24px;
  background: #eb4174;
  border: none;
}
nav {
  width: 100%;
  height: 37px;
  background-color: #52525a;
}
nav ul {
  display: flex;
}
nav ul li {
  line-height: 37px;
  color: #fff;
  margin-left: 10px;
}
nav ul li span {
  color: #e4366b;
}
.gouwu {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  position: relative;
}
.gouwu dl {
  display: flex;
  margin-top: 10px;
}
.gouwu dl dt {
  margin-left: 10px;
}
.gouwu dl dt img {
  width: 74px;
  height: 75px;
}
.gouwu dl dd {
  margin-left: 10px;
  width: 60%;
}
.gouwu dl dd p {
  line-height: 22px;
  padding-top: 5px;
}
.gouwu dl dd p button {
  color: #fff;
}
.gouwu dl dd .four {
  font-size: 10px;
  color: #000;
  display: flex;
  justify-content: space-between;
}
.gouwu dl dd .four span:nth-child(1) {
  color: #e54070;
}
.gouwu .min {
  font-size: 16px;
  color: #fff;
  width: 25px;
  height: 20px;
  margin-left: 10px;
  background: #606060;
  border: none;
  border-radius: 5px;
}
.gouwu .add {
  font-size: 8px;
  color: #fff;
  width: 25px;
  height: 20px;
  margin-left: 10px;
  background: #606060;
  border: none;
  border-radius: 5px;
}
.gouwu .text_box {
  width: 15px;
}
.gouwu .three {
  width: 25px;
  height: 16px;
  margin-left: 10px;
}
.dingwei {
  position: absolute;
  right: 10px;
  top: 10px;
}
/* .dibu{
    width: 100%;
    height: 40px;
    background: #484850;
    position: fixed;
    bottom: 0;
    ul{
        .txh;
        li{
            flex: 1;
            text-align: center;
            margin-top: 2px;
            p{
                color: #a8a7ab;
                font-size: 10px;
            }
        }
    }
} */
footer {
  height: auto;
  background: #484850;
  position: fixed;
  width: 100%;
  -webkit-box: 1;
  bottom: 0;
  right: 0;
  left: 0;
}
footer .footer-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footer-nav li {
  text-align: center;
  flex: 1;
  padding-top: 5px;
  padding-bottom: 5px;
}
footer .footer-nav li p {
  color: #fff;
  font-size: 12px;
  padding-top: 3px;
}
footer .footer-nav li.show {
  border-top: 2px solid #e4366b;
}
